<script type="text/javascript">
	Yutil.en.enhance();
</script>

<ul>
	<li>
		See source code of this page for more details
	</li>
</ul>

<hr/>

<span class="foldable" rel="foldable_section">A foldable section, try click</span>
<div id="foldable_section" style="display:none; border:dotted 2px red;">
	Mass Content.............<br/> 
	Mass Content.............<br/> 
	Mass Content.............<br/> 
	Mass Content.............<br/> 
	Mass Content.............<br/> 
	Mass Content.............<br/> 
	Mass Content.............<br/> 
	Mass Content.............<br/> 
	Mass Content.............<br/> 
</div>

<hr/>

<div class="roundcorner" style="background:#CCC;">
	<p>Rounded corner section</p>
</div>

<p></p>

<div class="roundcorner" style="background:#FDD;">
	<p>Rounded corner section</p>
</div>

<p></p>

<div class="roundcorner" style="background:#DDF;">
	<p>Rounded corner section</p>
</div>

<h1>Hello world!</h1>
<p>It is <%=new java.util.Date()%>.</p>
<p>The brown fox jumps over the lazy dog. (1em)</p>
<p class="success">Everything is going well! :-)</p>
<p class="info">You should know the following before continuing.</p>
<p class="warn">Be carefull! There might be danger ahead.</p>
<p class="error">This is a big error!</p>
<p style="font-size:1em">The brown fox jumps over the lazy dog. (1em)</p>
<p style="font-size:.95em">The brown fox jumps over the lazy dog. (.95em)</p>
<p style="font-size:.9em">The brown fox jumps over the lazy dog. (.9em)</p>
<p style="font-size:.85em">The brown fox jumps over the lazy dog. (.85em)</p>
<p style="font-size:.8em">The brown fox jumps over the lazy dog. (.8em)</p>

<%@ page contentType="text/html;charset=UTF-8" buffer="none" %>